<template>
  <ul class="kingkong-list">
    <li v-for="item in kingkong" :key="item.iid" class="kingkong">
      <img :src="item.item.pic_url" alt />
      <span>{{item.item.title}}</span>
    </li>
  </ul>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: ["kingkong"],
};
</script>

<style lang="scss" scoped>
.kingkong-list {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    padding: 10px;
}
.kingkong {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
  img {
      width: 70%;
      margin-bottom: 8px;
  }
  span {
      font-size: 13.248px;
      color: #000;
  }
}
</style>